<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/comms.css" />
    <link rel="stylesheet" href="./css/product.css" />
    <title>产品详情</title>
  </head>
  <body>
    <!-- 头部 -->
    <header id="header">
      <div class="center">
        <a href="#">首页</a>
        <div class="br">|</div>
        <div>
          请 &nbsp;&nbsp; <a href="/login">登录</a>
          <div class="br">或</div>
          <a href="/reg">前往注册</a>
        </div>
      </div>
    </header>
    <div class="search">
      <div class="logo"><img src="./img/logo.png" alt="" /></div>
      <div class="search-right">
        <div class="search-input">
          <input type="text" />
          <a href="/search.html">
            <div class="look">
              <img src="./img/search.png" alt="" />
            </div>
          </a>
        </div>
        <div class="buyer"><img src="./img/buyer.png" alt="" />购物车</div>
      </div>
    </div>
    <div class="nav">
      <a href="/home.html">首页</a>
      <a href="/class.html">特产分类</a>
      <a href="/news.html">产品新闻</a>
      <a href="/promotion.html">推广销售</a>
      <a href="/personal.html">个人中心</a>
    </div>
    <!-- 内容 -->
    <div id="product">
      <div class="cover">
        <img src="./img/蒙版组 11.png" alt="" />
      </div>
      <div class="product-info">
        <div class="title">
          干百合片500g新鲜食用兰州干货甜龙牙鲜白合不特级野生天然...
        </div>
        <div class="price">
          <p>价格</p>
          <p>￥ 26/只</p>
        </div>
        <div class="inf">
          <div class="tit">分类</div>
          <div class="more"></div>
        </div>
        <div class="inf">
          <div class="tit">类型</div>
          <div class="more"></div>
        </div>
        <div class="inf">
          <div class="tit">数量</div>
          <div class="more btn">
            <button>—</button>
            <div class="num">1</div>
            <button>+</button>
          </div>
        </div>
        <div class="info">
          <div class="ck">
            推
            <div class="num">￥2.60</div>
          </div>
          <div class="buyer">加入购物车</div>
        </div>
      </div>
    </div>
    <!-- 评价 -->
    <div class="comment">
      <div class="title">全部评价（1）</div>
      <div class="comment-center">
        <div class="comment-left">
          <div class="comment-list">
            <div class="author">
              <div class="name">MINNDun用户</div>
              <div class="time">2023-05-21</div>
            </div>
            <div class="comment">
              评论内容评论内容评论内容评论内容评论内容评论内容评论内容
            </div>
          </div>
          <div class="comment-list">
            <div class="author">
              <div class="name">MINNDun用户</div>
              <div class="time">2023-05-21</div>
            </div>
            <div class="comment">
              评论内容评论内容评论内容评论内容评论内容评论内容评论内容
            </div>
          </div>
          <textarea
            rows="3"
            placeholder="请输入评论内容（不超过100字）"
          ></textarea>
          <div class="submit"><button>发表</button></div>
          <div class="page">
            <div class="switch">上一页</div>
            <div class="nums">
              <div class="num">1</div>
            </div>
            <div class="switch">下一页</div>
          </div>
        </div>
        <div class="comment-right">
          <div class="title">最新热推</div>
          <div class="shops">
            <div class="shop-list">
              <div class="cover"></div>
              <div class="info">
                <div class="name">静宁烧鸡</div>
                <div class="ck">
                  推
                  <div class="num">¥5.00</div>
                </div>
              </div>
            </div>
            <div class="shop-list">
              <div class="cover"></div>
              <div class="info">
                <div class="name">平川山羊肉</div>
                <div class="ck">
                  推
                  <div class="num">¥9.99</div>
                </div>
              </div>
            </div>
            <div class="shop-list">
              <div class="cover"></div>
              <div class="info">
                <div class="name">天祝白牦牛</div>
                <div class="ck">
                  推
                  <div class="num">¥50.00</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
